<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<div id="carousel-of-product" class="carousel-of-product carousel slide1" data-ride="carousel">
    <!--Indicators-->
    <ol class="carousel-indicators">
        <li data-target="#carousel-of-product" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-of-product" data-slide-to="1"></li>
        <li data-target="#carousel-of-product" data-slide-to="2"></li>
        <li data-target="#carousel-of-product" data-slide-to="3"></li>
    </ol>

    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img class="carousel carouselImage" src="img/lunbo/1.jpg"/>
        </div>
        <div class="item">
            <img class="carouselImage" src="img/lunbo/2.jpg"/>
        </div>
        <div class="item">
            <img class="carouselImage" src="img/lunbo/3.jpg"/>
        </div>
        <div class="item">
            <img class="carouselImage" src="img/lunbo/4.jpg"/>
        </div>
    </div>
</div>